{% extends "NartiBouncerBundle::base.html.twig" %}

{% block css %}
<style>
 label, input{  display: block; }
 input.text { margin-bottom:12px; width:95%; padding: .4em; }
 fieldset { padding:0; border:0; margin-top:25px; }
</style>
{% endblock %}



{% block main %}
    <span id="toolbar">
        <button id="back" type="button">Back</button> 
    </span>
   <div id="jCtr" style="width:1000px;height:500px;margin:0 auto;"></div>
{%endblock main%}

{% block js %}
    <script type="text/javascript" src="{{ asset('bundles/nartibouncer/js/narti.canvas.wallaby.js') }}"></script>
    <script type="text/javascript">

    function WallabyApp(){
        var p = new Narti.Canvas.Wallaby($("#jCtr"), 100);
	p.animate();
    }

    $('#back').click(function(){
        history.back();
        return false;
    });

    $(function(){
	new WallabyApp();
        $('#back').button({
                text: false ,
                icons: {
                     primary: 'ui-icon-cancel'
            }
        });
    });
</script>  
{% endblock %}            





